<template>
  <div>
    <p>我是学生信息页面</p>
    <!-- 1. el-table传入数据用data属性, 我们这里为何用arr?
    答案: el-table里props为data, 你愿意用你可以把props也改成data
    以后在组件上的属性其实就是给props传值进去
    2. 我们想自定义表格里每个单元格的标签?
    答案: 技术是插槽
    3. 在使用插槽时, 发现插槽里(父组件使用)标签需要用的组件内的数据时?
    答案: 作用域插槽
    v-slot:具名插槽="作用域插槽变量"
    scope变量的值: {row: obj对象}
    结论: 作用域插槽变量对象里的值, 属性名来自于组件内slot身上绑定的属性名(组件库人家内部用的什么名字你就得用什么名字)
    看文档的介绍/绑出来打印下scope(在标签上直接展示对象)
     -->
    <MyTable :arr="list">
      <template v-slot="scope">
        <img :src="scope.row.img" alt="">
      </template>
    </MyTable>
  </div>
</template>

<script>
import MyTable from './Table.vue'
export default {
  components: {
    MyTable
  },
  data() {
    return {
      list: [{
        name: '张三',
        img: 'http://www.xxxx.com/a.jpg'
      },
      {
        name: '李四',
        img: 'http://www.xxxx.com/b.jpg'
      }]
    }
  }
}
</script>

<style>

</style>
